<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="#" method="GET">
        <table>
            <caption><h2>用户注册</h2></caption>
            <tr>
                <td>
                    <div style="width: 350px;"></div>
                </td>
            </tr>           
        </table>
        
        <fieldset style="width: 350px; height: 100px;">
            <legend >身份验证-必填信息</legend>
            <table align="center">
                <tr>
                    <td>用户名</td>
                    <td><input type="text" required="required"></td>
                </tr>
                <tr>
                    <td>密码</td>
                    <td><input type="text" required="required"></td>
                </tr>
                <tr>
                    <td>密码确认</td>
                    <td><input type="text" required="required"></td>
                </tr>
            </table>
        </fieldset>
        <fieldset style="width: 350px; height: 100px;">
            <legend >身份验证-选填信息</legend>
            <table align="center">
                <tr>
                    <td>所在城市</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>工作单位</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>家庭住址</td>
                    <td><input type="text"></td>
                </tr>
            </table>
        </fieldset>
        <fieldset style="width: 350px; height: 160px;">
            <legend >其他个人信息</legend>
            <table align="center">
                <tr>
                    <td>性别</td>
                    <td>
                        <select name="gender">
                            <option value="1">男孩</option>
                            <option value="2">女孩</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>爱好</td>
                    <td>
                        <input type="checkbox" name="like" value="music" />音乐
                        <input type="checkbox" name="like" value="sports" />体育
                        <input type="checkbox" name="like" value="IT"  checked="checked"/>计算机
                    </td>
                </tr>
                <tr>
                    <td>喜欢的公司</td>
                    <td>
                        <input type="checkbox" name="comp" value="baidu" />百度
                        <input type="checkbox" name="comp" value="weiruan" />微软中国
                        <input type="checkbox" name="comp" value="guge" />谷歌中国
                    </td>
                </tr>
                <tr>
                    <td>个人简介</td>
                    <td>
                        <textarea name="content" cols="22" rows="3"></textarea>
                    </td>
                </tr>
            </table>
        </fieldset>
        <div style="width: 350px;">
            <div style="margin-left: 65px;"><input type="submit" value="提交您的资料"/><input type="reset" value="重新填写资料"/><br></div>
        </div>
        <div style="width: 350px;">
            <div style="margin-left: 75px;"><input type="button" value="无效按钮" disabled="disabled" /><br></div>
        </div>

    </form>
</body>
</html>